<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!-- 配置视口 -->
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <!-- 先把bootstrap的css文件引入进来 -->
    <link rel="stylesheet" href="libs/bootstrap/css/bootstrap.css">
    <!-- 自己写的less文件
		引入自己写的less文件，rel的值
	-->
    <link rel="stylesheet" href="css/common_section.css">
    <link rel="stylesheet" href="css/moneyctrl-product.css">


    <!-- 配置的模板需要注意:1、type必须是text/html  2、需要配置一个id -->

    <script type="text/html" id="moneyctrl-product-template">
        {{each result as value i}}
        <div class="normal-info">
            <p class="product-name">{{value.productInfo}}</p>
            <p class="product-price">{{value.productPinkage}}</p>
            <span class="product-from">{{value.productFrom}}</span>
            <span class="product-time">{{value.productTime}}</span>
            <span class="product-tips">{{value.productTips}}</span>
        </div>
        <div class="other-info">
            <div class="media">
                <div class="media-body">
                    <h4 class="media-heading">{{value.productInfo1}}</h4>
                </div>
                <div class="media-right">
                    <a href="#">{{#value.productImgSm}}</a>
                </div>
            </div>
            <!--<img src="./images/product_info.jpg" alt="">-->
            {{#value.productImg2}}
        </div>
        <div class="product-buy">
            <a href="#">前往购买</a>
            <img src="images/mmbweixin2.png" alt="">
            <div class="pinglun">{{#value.productComment}}</div>
        </div>
        {{/each}}
    </script>
    <title>省钱控商品详情</title>
</head>

<body>
<!-- 头部
    语义化标签的使用
    语义化标签存在兼容性问题：引入html5shiv.js库
-->
<header id="header" class='back'>

</header>
<section id="product">

</section>
<!-- 底部 -->
<footer id="footer">
</footer>
</body>
<!-- bootstrap.js依赖于jquery.js  所以需要先引入jquery.js

	bootstrap.css jquery.js  bootstrap.js这三个文件的顺序不能错
	jquery.js bootstrap.js这两个js文件的引入最好放在文档的末尾处
	-->
<script type="text/javascript" src="libs/jquery/jquery.js"></script>
<script type="text/javascript" src="libs/bootstrap/js/bootstrap.js"></script>
<script type="text/javascript" src="libs/template/template.js"></script>
<!-- 这里写的就是这个界面.js文件 -->
<script type="text/javascript" src="js/common_section.js"></script>
<script type="text/javascript" src="js/moneyctrl-product.js"></script>

</html>